<template>
  <div class="page-changecity">
    <div class="wrapper">
      <i-select />
    </div>

    <div class="wrapper">
      <hot-city />
    </div>

    <div class="wrapper">
      <category />
    </div>
  </div>
</template>

<script>
import ISelect from '@/components/changeCity/iselect.vue'
import HotCity from '@/components/changeCity/hotCity.vue'
import Category from '@/components/changeCity/category.vue'

export default {
  components: {
    ISelect,
    HotCity,
    Category
  }
}
</script>

<style lang="stylus" scoped>
  .page-changecity
    width 1190px
    margin 20px auto 0
    padding 20px
    min-height 1000px
    background-color #fff
    border 1px solid #e5e5e5
    border-radius 4px
    box-sizing border-box
    .wrapper
      padding 30px 0
      &:not(:first-child)
        border-top 1px solid #e5e5e5
</style>
